
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">
    <link rel="stylesheet" href="iconfont.css">
</head>
<body>
    <div class="main markdown">
        <h1>IconFont 图标</h1>
        <ul class="icon_lists clear">
            
                <li>
                <i class="icon iconfont icon-fenlei"></i>
                    <div class="name">分类</div>
                    <div class="fontclass">.icon-fenlei</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jinruhoutai"></i>
                    <div class="name">进入后台</div>
                    <div class="fontclass">.icon-jinruhoutai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-rizhi"></i>
                    <div class="name">日志</div>
                    <div class="fontclass">.icon-rizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huiyuan"></i>
                    <div class="name">会员</div>
                    <div class="fontclass">.icon-huiyuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-moban"></i>
                    <div class="name">模板</div>
                    <div class="fontclass">.icon-moban</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tubiao3"></i>
                    <div class="name">分类</div>
                    <div class="fontclass">.icon-tubiao3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-statistics"></i>
                    <div class="name">数据</div>
                    <div class="fontclass">.icon-statistics</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fenlei1"></i>
                    <div class="name">分类</div>
                    <div class="fontclass">.icon-fenlei1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-diaoyu"></i>
                    <div class="name">钓鱼</div>
                    <div class="fontclass">.icon-diaoyu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huancun"></i>
                    <div class="name">缓存</div>
                    <div class="fontclass">.icon-huancun</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-moban1"></i>
                    <div class="name">模板</div>
                    <div class="fontclass">.icon-moban1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-919292"></i>
                    <div class="name">服务器</div>
                    <div class="fontclass">.icon-919292</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daohang"></i>
                    <div class="name">导航</div>
                    <div class="fontclass">.icon-daohang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fenlei2"></i>
                    <div class="name">分类</div>
                    <div class="fontclass">.icon-fenlei2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shuju"></i>
                    <div class="name">数据</div>
                    <div class="fontclass">.icon-shuju</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-mobanwendang"></i>
                    <div class="name">模板文档</div>
                    <div class="fontclass">.icon-mobanwendang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconfontdengdai"></i>
                    <div class="name">插件</div>
                    <div class="fontclass">.icon-iconfontdengdai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-quanxian"></i>
                    <div class="name">权限</div>
                    <div class="fontclass">.icon-quanxian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-msnui-configration"></i>
                    <div class="name">配置</div>
                    <div class="fontclass">.icon-msnui-configration</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-01"></i>
                    <div class="name">导航</div>
                    <div class="fontclass">.icon-01</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiugaimimaicon"></i>
                    <div class="name">修改密码</div>
                    <div class="fontclass">.icon-xiugaimimaicon</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-navigation-outline"></i>
                    <div class="name">导航</div>
                    <div class="fontclass">.icon-navigation-outline</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qingchuyuhuancun"></i>
                    <div class="name">清除与缓存</div>
                    <div class="fontclass">.icon-qingchuyuhuancun</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fenlei3"></i>
                    <div class="name">分类</div>
                    <div class="fontclass">.icon-fenlei3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-html"></i>
                    <div class="name">html</div>
                    <div class="fontclass">.icon-html</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guanyu"></i>
                    <div class="name">关于</div>
                    <div class="fontclass">.icon-guanyu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huanyingye"></i>
                    <div class="name">欢迎页</div>
                    <div class="fontclass">.icon-huanyingye</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-moban2"></i>
                    <div class="name">模板</div>
                    <div class="fontclass">.icon-moban2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fenlei4"></i>
                    <div class="name">分类</div>
                    <div class="fontclass">.icon-fenlei4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guanwangicon31324"></i>
                    <div class="name">运费模板</div>
                    <div class="fontclass">.icon-guanwangicon31324</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huiyuan1"></i>
                    <div class="name">会员</div>
                    <div class="fontclass">.icon-huiyuan1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gou"></i>
                    <div class="name">钩</div>
                    <div class="fontclass">.icon-gou</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fenlei5"></i>
                    <div class="name">分类</div>
                    <div class="fontclass">.icon-fenlei5</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fenlei6"></i>
                    <div class="name">分类</div>
                    <div class="fontclass">.icon-fenlei6</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconnav2"></i>
                    <div class="name">导航</div>
                    <div class="fontclass">.icon-iconnav2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fenlei7"></i>
                    <div class="name">分类</div>
                    <div class="fontclass">.icon-fenlei7</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daohang1"></i>
                    <div class="name">导航</div>
                    <div class="fontclass">.icon-daohang1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qingchuhuancun"></i>
                    <div class="name">清除缓存</div>
                    <div class="fontclass">.icon-qingchuhuancun</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shezhihuanyingye"></i>
                    <div class="name">设置-欢迎页</div>
                    <div class="fontclass">.icon-shezhihuanyingye</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huiyuan2"></i>
                    <div class="name">会员</div>
                    <div class="fontclass">.icon-huiyuan2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shouz"></i>
                    <div class="name">一键</div>
                    <div class="fontclass">.icon-shouz</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zixun"></i>
                    <div class="name">资讯</div>
                    <div class="fontclass">.icon-zixun</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fenlei8"></i>
                    <div class="name">分类</div>
                    <div class="fontclass">.icon-fenlei8</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-neirong"></i>
                    <div class="name">内容</div>
                    <div class="fontclass">.icon-neirong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xitongguanli"></i>
                    <div class="name">系统管理</div>
                    <div class="fontclass">.icon-xitongguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiugaimima"></i>
                    <div class="name">修改密码</div>
                    <div class="fontclass">.icon-xiugaimima</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zixun1"></i>
                    <div class="name">资讯</div>
                    <div class="fontclass">.icon-zixun1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chuidiao"></i>
                    <div class="name">垂钓</div>
                    <div class="fontclass">.icon-chuidiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xitonghuancun"></i>
                    <div class="name">系统缓存</div>
                    <div class="fontclass">.icon-xitonghuancun</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-server"></i>
                    <div class="name">服务器</div>
                    <div class="fontclass">.icon-server</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-caidancai"></i>
                    <div class="name">菜单－菜</div>
                    <div class="fontclass">.icon-caidancai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zixun2"></i>
                    <div class="name">资讯</div>
                    <div class="fontclass">.icon-zixun2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zixun3"></i>
                    <div class="name">资讯</div>
                    <div class="fontclass">.icon-zixun3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiugaimima1"></i>
                    <div class="name">修改密码</div>
                    <div class="fontclass">.icon-xiugaimima1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-daohang2"></i>
                    <div class="name">导航</div>
                    <div class="fontclass">.icon-daohang2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huanyingye1"></i>
                    <div class="name">欢迎页</div>
                    <div class="fontclass">.icon-huanyingye1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huancun1"></i>
                    <div class="name">缓存</div>
                    <div class="fontclass">.icon-huancun1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xitongguanli1"></i>
                    <div class="name">系统管理</div>
                    <div class="fontclass">.icon-xitongguanli1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiugaimima2"></i>
                    <div class="name">修改密码</div>
                    <div class="fontclass">.icon-xiugaimima2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-quanxian1"></i>
                    <div class="name">权限</div>
                    <div class="fontclass">.icon-quanxian1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-rizhi1"></i>
                    <div class="name">日志</div>
                    <div class="fontclass">.icon-rizhi1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon"></i>
                    <div class="name">修改密码</div>
                    <div class="fontclass">.icon-icon</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fenzu"></i>
                    <div class="name">分组</div>
                    <div class="fontclass">.icon-fenzu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-quanxian2"></i>
                    <div class="name">权限</div>
                    <div class="fontclass">.icon-quanxian2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ziliao"></i>
                    <div class="name">我的资料</div>
                    <div class="fontclass">.icon-ziliao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-news-copy"></i>
                    <div class="name">资讯</div>
                    <div class="fontclass">.icon-news-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-rizhi2"></i>
                    <div class="name">日志</div>
                    <div class="fontclass">.icon-rizhi2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiugaimima3"></i>
                    <div class="name">修改密码</div>
                    <div class="fontclass">.icon-xiugaimima3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-houtaiguanli"></i>
                    <div class="name">后台管理</div>
                    <div class="fontclass">.icon-houtaiguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-mysqlshujuku"></i>
                    <div class="name">mysql数据库</div>
                    <div class="fontclass">.icon-mysqlshujuku</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiugaimima4"></i>
                    <div class="name">修改密码</div>
                    <div class="fontclass">.icon-xiugaimima4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qingchuhuancun1"></i>
                    <div class="name">清楚缓存</div>
                    <div class="fontclass">.icon-qingchuhuancun1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huiyuan3"></i>
                    <div class="name">会员</div>
                    <div class="fontclass">.icon-huiyuan3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chajian"></i>
                    <div class="name">插件</div>
                    <div class="fontclass">.icon-chajian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiugaimima5"></i>
                    <div class="name">修改密码</div>
                    <div class="fontclass">.icon-xiugaimima5</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconfontanquan"></i>
                    <div class="name">授权</div>
                    <div class="fontclass">.icon-iconfontanquan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon03"></i>
                    <div class="name">路由</div>
                    <div class="fontclass">.icon-icon03</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-html1"></i>
                    <div class="name">HTML</div>
                    <div class="fontclass">.icon-html1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huancun2"></i>
                    <div class="name">缓存</div>
                    <div class="fontclass">.icon-huancun2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-permission"></i>
                    <div class="name">权限</div>
                    <div class="fontclass">.icon-permission</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-database"></i>
                    <div class="name">数据库</div>
                    <div class="fontclass">.icon-database</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-q"></i>
                    <div class="name">Q</div>
                    <div class="fontclass">.icon-q</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon12"></i>
                    <div class="name">菜单，电视菜单</div>
                    <div class="fontclass">.icon-icon12</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-moxing"></i>
                    <div class="name">模型</div>
                    <div class="fontclass">.icon-moxing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-luyou"></i>
                    <div class="name">路由</div>
                    <div class="fontclass">.icon-luyou</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shujushujukusql"></i>
                    <div class="name">数据-数据库-SQL</div>
                    <div class="fontclass">.icon-shujushujukusql</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-neirong1"></i>
                    <div class="name">内容</div>
                    <div class="fontclass">.icon-neirong1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-neirong2"></i>
                    <div class="name">内容</div>
                    <div class="fontclass">.icon-neirong2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shouquanicon"></i>
                    <div class="name">授权icon</div>
                    <div class="fontclass">.icon-shouquanicon</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huiyuan4"></i>
                    <div class="name">会员</div>
                    <div class="fontclass">.icon-huiyuan4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yijiantuiguang"></i>
                    <div class="name">一键推广</div>
                    <div class="fontclass">.icon-yijiantuiguang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xitongguanli2"></i>
                    <div class="name">系统管理</div>
                    <div class="fontclass">.icon-xitongguanli2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconset0265"></i>
                    <div class="name">wifi路由</div>
                    <div class="fontclass">.icon-iconset0265</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gou1"></i>
                    <div class="name">钩</div>
                    <div class="fontclass">.icon-gou1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huiyuan5"></i>
                    <div class="name">会员</div>
                    <div class="fontclass">.icon-huiyuan5</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huiyuan6"></i>
                    <div class="name">会员</div>
                    <div class="fontclass">.icon-huiyuan6</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shouquan"></i>
                    <div class="name">授权</div>
                    <div class="fontclass">.icon-shouquan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-html-copy"></i>
                    <div class="name">html</div>
                    <div class="fontclass">.icon-html-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-luyou1"></i>
                    <div class="name">路由</div>
                    <div class="fontclass">.icon-luyou1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiedian"></i>
                    <div class="name">节点</div>
                    <div class="fontclass">.icon-jiedian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shouquan1"></i>
                    <div class="name">授权</div>
                    <div class="fontclass">.icon-shouquan1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huiyuan7"></i>
                    <div class="name">会员</div>
                    <div class="fontclass">.icon-huiyuan7</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weibiaoti13"></i>
                    <div class="name">模型管理</div>
                    <div class="fontclass">.icon-weibiaoti13</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-neirong3"></i>
                    <div class="name">内容</div>
                    <div class="fontclass">.icon-neirong3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huiyuan8"></i>
                    <div class="name">会员</div>
                    <div class="fontclass">.icon-huiyuan8</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wodeziliao"></i>
                    <div class="name">我的资料</div>
                    <div class="fontclass">.icon-wodeziliao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-neirong4"></i>
                    <div class="name">内容</div>
                    <div class="fontclass">.icon-neirong4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-0"></i>
                    <div class="name">导航</div>
                    <div class="fontclass">.icon-0</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-trunknood"></i>
                    <div class="name">总线节点</div>
                    <div class="fontclass">.icon-trunknood</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-neirong5"></i>
                    <div class="name">内容</div>
                    <div class="fontclass">.icon-neirong5</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qingchuhuancun2"></i>
                    <div class="name">清除缓存</div>
                    <div class="fontclass">.icon-qingchuhuancun2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-cache-16"></i>
                    <div class="name">缓存服务</div>
                    <div class="fontclass">.icon-cache-16</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fenzu1"></i>
                    <div class="name">分组</div>
                    <div class="fontclass">.icon-fenzu1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-neirongguanli"></i>
                    <div class="name">内容管理</div>
                    <div class="fontclass">.icon-neirongguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiedian1"></i>
                    <div class="name">节点</div>
                    <div class="fontclass">.icon-jiedian1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fenzu-copy"></i>
                    <div class="name">分组</div>
                    <div class="fontclass">.icon-fenzu-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fuwuqiguanli"></i>
                    <div class="name">服务器管理</div>
                    <div class="fontclass">.icon-fuwuqiguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guanlichajian"></i>
                    <div class="name">管理插件</div>
                    <div class="fontclass">.icon-guanlichajian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-rizhi3"></i>
                    <div class="name">日志</div>
                    <div class="fontclass">.icon-rizhi3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-quanxian-copy-copy"></i>
                    <div class="name">权限</div>
                    <div class="fontclass">.icon-quanxian-copy-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wodeziliao1"></i>
                    <div class="name">我的资料</div>
                    <div class="fontclass">.icon-wodeziliao1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-html2"></i>
                    <div class="name">html</div>
                    <div class="fontclass">.icon-html2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yunduanfuwu"></i>
                    <div class="name">云端服务</div>
                    <div class="fontclass">.icon-yunduanfuwu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-moxingguanli"></i>
                    <div class="name">模型管理</div>
                    <div class="fontclass">.icon-moxingguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-html5"></i>
                    <div class="name">html</div>
                    <div class="fontclass">.icon-html5</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-privilege"></i>
                    <div class="name">权限</div>
                    <div class="fontclass">.icon-privilege</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fenzu2"></i>
                    <div class="name">分组</div>
                    <div class="fontclass">.icon-fenzu2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qingchuhuancun3"></i>
                    <div class="name">清除缓存</div>
                    <div class="fontclass">.icon-qingchuhuancun3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-q1"></i>
                    <div class="name">Q</div>
                    <div class="fontclass">.icon-q1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-neirong6"></i>
                    <div class="name">内容</div>
                    <div class="fontclass">.icon-neirong6</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wangzhanpeizhiguanli"></i>
                    <div class="name">网站配置管理</div>
                    <div class="fontclass">.icon-wangzhanpeizhiguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-peizhi"></i>
                    <div class="name">配置</div>
                    <div class="fontclass">.icon-peizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-houtaizhuye02"></i>
                    <div class="name">后台主页02</div>
                    <div class="fontclass">.icon-houtaizhuye02</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-neirong7"></i>
                    <div class="name">内容</div>
                    <div class="fontclass">.icon-neirong7</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huiyuan9"></i>
                    <div class="name">会员</div>
                    <div class="fontclass">.icon-huiyuan9</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wsmp-payuser"></i>
                    <div class="name">会员</div>
                    <div class="fontclass">.icon-wsmp-payuser</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-duigou"></i>
                    <div class="name">对钩</div>
                    <div class="fontclass">.icon-duigou</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gou2"></i>
                    <div class="name">钩</div>
                    <div class="fontclass">.icon-gou2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-houtaiappsdknew"></i>
                    <div class="name">后台_appsdknew</div>
                    <div class="fontclass">.icon-houtaiappsdknew</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-neirong8"></i>
                    <div class="name">内容</div>
                    <div class="fontclass">.icon-neirong8</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yunduanfuwu1"></i>
                    <div class="name">云端服务</div>
                    <div class="fontclass">.icon-yunduanfuwu1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-peizhi1"></i>
                    <div class="name">配置</div>
                    <div class="fontclass">.icon-peizhi1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-quanxian3"></i>
                    <div class="name">权限</div>
                    <div class="fontclass">.icon-quanxian3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huanyingjiatingruzhu"></i>
                    <div class="name">欢迎家庭入住</div>
                    <div class="fontclass">.icon-huanyingjiatingruzhu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-neirong9"></i>
                    <div class="name">内容</div>
                    <div class="fontclass">.icon-neirong9</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-luyou2"></i>
                    <div class="name">路由</div>
                    <div class="fontclass">.icon-luyou2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wodeziliao2"></i>
                    <div class="name">我的资料</div>
                    <div class="fontclass">.icon-wodeziliao2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-html3"></i>
                    <div class="name">html</div>
                    <div class="fontclass">.icon-html3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-peizhi2"></i>
                    <div class="name">配置</div>
                    <div class="fontclass">.icon-peizhi2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-q2"></i>
                    <div class="name">Q</div>
                    <div class="fontclass">.icon-q2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-webserve"></i>
                    <div class="name">服务器管理</div>
                    <div class="fontclass">.icon-webserve</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guanlichajian1"></i>
                    <div class="name">管理插件</div>
                    <div class="fontclass">.icon-guanlichajian1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-html-copy1"></i>
                    <div class="name">html</div>
                    <div class="fontclass">.icon-html-copy1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-extend"></i>
                    <div class="name">扩展</div>
                    <div class="fontclass">.icon-extend</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huiyuan10"></i>
                    <div class="name">会员</div>
                    <div class="fontclass">.icon-huiyuan10</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-neirongguanli1"></i>
                    <div class="name">内容管理</div>
                    <div class="fontclass">.icon-neirongguanli1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wodechajian"></i>
                    <div class="name">我的插件</div>
                    <div class="fontclass">.icon-wodechajian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huanyinglipin"></i>
                    <div class="name">欢迎礼品</div>
                    <div class="fontclass">.icon-huanyinglipin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiedianleijiedian"></i>
                    <div class="name">节点类_节点</div>
                    <div class="fontclass">.icon-jiedianleijiedian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-houtaishouye"></i>
                    <div class="name">后台-首页</div>
                    <div class="fontclass">.icon-houtaishouye</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-2neirongguanli"></i>
                    <div class="name">2 内容管理</div>
                    <div class="fontclass">.icon-2neirongguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-diamond"></i>
                    <div class="name">会员</div>
                    <div class="fontclass">.icon-diamond</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-caidan"></i>
                    <div class="name">前台菜单</div>
                    <div class="fontclass">.icon-caidan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-moxingcanshuguanli"></i>
                    <div class="name">模型参数管理</div>
                    <div class="fontclass">.icon-moxingcanshuguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huiyuan11"></i>
                    <div class="name">会员</div>
                    <div class="fontclass">.icon-huiyuan11</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-duigou1"></i>
                    <div class="name">对钩</div>
                    <div class="fontclass">.icon-duigou1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-HTML"></i>
                    <div class="name">HTML</div>
                    <div class="fontclass">.icon-HTML</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-houtai-shouye"></i>
                    <div class="name">后台-首页</div>
                    <div class="fontclass">.icon-houtai-shouye</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-Q"></i>
                    <div class="name">Q</div>
                    <div class="fontclass">.icon-Q</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shouquan2"></i>
                    <div class="name">授权</div>
                    <div class="fontclass">.icon-shouquan2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-houtai-shouye1"></i>
                    <div class="name">后台-首页</div>
                    <div class="fontclass">.icon-houtai-shouye1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-quanxian4"></i>
                    <div class="name">权限</div>
                    <div class="fontclass">.icon-quanxian4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-Grouping"></i>
                    <div class="name">分组</div>
                    <div class="fontclass">.icon-Grouping</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-caidan1"></i>
                    <div class="name">菜单，电视菜单</div>
                    <div class="fontclass">.icon-caidan1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huiyuan12"></i>
                    <div class="name">会员</div>
                    <div class="fontclass">.icon-huiyuan12</div>
                </li>
            
        </ul>

        <h2 id="font-class-">font-class引用</h2>
        <hr>

        <p>font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。</p>
        <p>与unicode使用方式相比，具有如下特点：</p>
        <ul>
        <li>兼容性良好，支持ie8+，及所有现代浏览器。</li>
        <li>相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。</li>
        <li>因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。</li>
        <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的fontclass代码：</h3>


        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;link rel="stylesheet" type="text/css" href="./iconfont.css"&gt;</span></code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
        <pre><code class="lang-css hljs">&lt;<span class="hljs-selector-tag">i</span> <span class="hljs-selector-tag">class</span>="<span class="hljs-selector-tag">iconfont</span> <span class="hljs-selector-tag">icon-xxx</span>"&gt;&lt;/<span class="hljs-selector-tag">i</span>&gt;</code></pre>
        <blockquote>
        <p>"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
        </blockquote>
    </div>
</body>
</html>
